{include file="public/header"}
<div class="header-top"></div>
<div class="fomr_index">
    <form name="formsearch" action="/index.php" method="GET" class='search-box clearfix'>
        <input type="hidden" name="g" value="Contents">
        <input type="hidden" name="m" value="Index">
        <input type="hidden" name="a" value="search">
        <input type="text" placeholder="请输入热门关键词" name="q" id="searchi_q" class="txt text fl">
        <input type="submit" value="" class="sub fr" />
    </form>
</div>

<script>
    $('.header .fr i').mouseover(function(){
        if($(this).data('i')==0){
            $(this).data('i',1);
            $('.fomr_index').css({
                transform:'translateX(0)'
            })
        }else{
            $(this).data('i',0);
            $('.fomr_index').css({
                transform:'translateX(280px)'
            })
        }
    })
</script>

<div class="product-def">
    <div class="w1600">
        <div class="product-defmb">
            <a href="/">首页</a> > <a href="/list-13.html">产品分类</a> > <a href=""></a>
        </div>
        <div class="product-cont clearfix">
            <div class="img fl">
                <div class="swiper-container">
                    <ul class="swiper-wrapper">
                        {volist name="new" id="vo"}
                        <li class="swiper-slide">
                            <img src="{$vo.thumb|geturl}" style="width: 100%;height: auto;">
                        </li>
                        {/volist}
                    </ul>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>

            </div>
            <script>
                var swiper = new Swiper('.swiper-container', {
                    navigation: {
                        nextEl: '.swiper-button-next',
                        prevEl: '.swiper-button-prev',
                    },
                });
            </script>
            <div class="cont fr">
                <div class="title clearfix">
                    {volist name="new" id="vo"}
                    <h2 class="fl">{$vo.title}</h2>

                </div>
                <div class="conent">
                    <p>{$vo.description}
                    </p>
                </div>
                <div class="btn">
                    <a href="" target=_blank class="link">
                        <div class="anim"></div> 在线咨询
                    </a>
                    <a href="" target=_blank class="link">
                        <div class="anim"></div> 资料下载
                    </a>
                    <div class="text">
                        <p>咨询热线</p>
                        <b>0755-88833517</b>
                    </div>
                </div>
                {/volist}
            </div>
        </div>
        <div class="product-js clearfix">
            <div class="title fl">
                <h4><span>p</span>roduct Details</h4>
                <p>新闻详情</p>
            </div>
            {volist name="new" id="vo"}
            <div class="cont fr">
                <p>{$vo.content}</p>
            </div>
            {/volist}
        </div>

    </div>

</div>
<div class="product-ys2">

    <div class="w1600 clearfix">
        <div class="title">
            <h5> 相关新闻</h5>
        </div>
        <div class="product-tu">
            <ul>
                {volist name="new" id="vo"}
                <li>
                    <a href="#">

                        <div class="t">
                            <b>{$vo.id}</b>
                            <span>{$vo.create_time|date='Y/m/d H:i:s',###}</span>
                        </div>
                        <div class="cont">
                            <h6>{$vo.tag}</h6>
                            <p>{$vo.content}</p>
                        </div>
                    </a>
                </li>
                {/volist}
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div class="t">-->
                            <!--<b>01</b>-->
                            <!--<span>2020-02</span>-->
                        <!--</div>-->
                        <!--<div class="cont">-->
                            <!--<h6>4方向等载荷滾柱型LM导轨HRX型</h6>-->
                            <!--<p>HRX型是一种使用滚柱作为滚动体的高刚性LM滚动导轨。此外，与本公司以往的滚柱产品相比，由于延长了LM滑块的总长度...</p>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->

                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div class="t">-->
                            <!--<b>01</b>-->
                            <!--<span>2020-02</span>-->
                        <!--</div>-->
                        <!--<div class="cont">-->
                            <!--<h6>4方向等载荷滾柱型LM导轨HRX型</h6>-->
                            <!--<p>HRX型是一种使用滚柱作为滚动体的高刚性LM滚动导轨。此外，与本公司以往的滚柱产品相比，由于延长了LM滑块的总长度...</p>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div class="t">-->
                            <!--<b>01</b>-->
                            <!--<span>2020-02</span>-->
                        <!--</div>-->
                        <!--<div class="cont">-->
                            <!--<h6>4方向等载荷滾柱型LM导轨HRX型</h6>-->
                            <!--<p>HRX型是一种使用滚柱作为滚动体的高刚性LM滚动导轨。此外，与本公司以往的滚柱产品相比，由于延长了LM滑块的总长度...</p>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div class="t">-->
                            <!--<b>01</b>-->
                            <!--<span>2020-02</span>-->
                        <!--</div>-->
                        <!--<div class="cont">-->
                            <!--<h6>4方向等载荷滾柱型LM导轨HRX型</h6>-->
                            <!--<p>HRX型是一种使用滚柱作为滚动体的高刚性LM滚动导轨。此外，与本公司以往的滚柱产品相比，由于延长了LM滑块的总长度...</p>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div class="t">-->
                            <!--<b>01</b>-->
                            <!--<span>2020-02</span>-->
                        <!--</div>-->
                        <!--<div class="cont">-->
                            <!--<h6>4方向等载荷滾柱型LM导轨HRX型</h6>-->
                            <!--<p>HRX型是一种使用滚柱作为滚动体的高刚性LM滚动导轨。此外，与本公司以往的滚柱产品相比，由于延长了LM滑块的总长度...</p>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div class="t">-->
                            <!--<b>01</b>-->
                            <!--<span>2020-02</span>-->
                        <!--</div>-->
                        <!--<div class="cont">-->
                            <!--<h6>4方向等载荷滾柱型LM导轨HRX型</h6>-->
                            <!--<p>HRX型是一种使用滚柱作为滚动体的高刚性LM滚动导轨。此外，与本公司以往的滚柱产品相比，由于延长了LM滑块的总长度...</p>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->

                <!--<li>-->
                    <!--<div class="btn">-->
                        <!--<span>咨询热线</span>-->
                        <!--<p>0755-88833517</p>-->
                    <!--</div>-->
                    <!--<img src="__STATIC__/index/images/product-ico.jpg" alt="" srcset="" class="fr">-->
                <!--</li>-->
            <!--</ul>-->
        </div>
    </div>

</div>

<div class="product-xg">
    <div class="w1600">
        <div class="title clearfix">
            <div class="txt fl">
                <h3> <span>r</span>elated Products</h3>
                <p>相关产品</p>
            </div>
            <div class="btn fr">
                <i class="prev"></i> <em class="next"></em>
            </div>
        </div>

    </div>
    <div class="index-set3 " style=" padding: 4px 0;">
        <div class="w1600 clearfix viewdta">
            <ul>






            </ul>
        </div>
        <div class="hd" style="display: none"></div>
    </div>
</div>
<script>
    jQuery(".product-xg").slide({ titCell: ".hd", mainCell: ".viewdta ul", autoPage: true, effect: "left", autoPlay: true, vis: 4 });
</script>
{include file="public/footer"}